查看原文
其他

小米MIUI12上的这三种酷炫动画,只需几步,PPT就能轻松制作

三顿 三顿 2023-02-12


前两天,小米发布了全新的MIUI12系统。在看发布会和更新的官网页面的时候,好几组动画都给三顿留下了深刻的印象。

比如在介绍超级壁纸时,用到的这个星球转动的动画:


再比如官网页面上,用到的这两个图文切换动画:


‍‍其实,这些动画用PPT制作超简单,不夸张的说,小白也能几分钟学会!那具体都是怎么制作的呢?和我一起来看看吧!



星球转动动画

制作星球转动动画,需要用到的是Win10自带的画图3D工具和PPT中的平滑切换功能

制作球体


首先,我们要在画图3D这个软件中制作一个立体的星球。打开软件,在3D形状一栏选择球体并添加:


接着,我们需要找一张类似星球表面质感的图片,在贴纸一栏中插入并铺满球体:


铺满一面后再旋转180度,重复之前的操作,用图片把这面铺满:


铺满之后转动球体,如果有空的地方就再铺一次。如果已经全部铺满,那恭喜你,一个可以360度任意旋转的立体星球就已经做好了:


至此准备工作完成,把球体导出为GLB格式,再拖入PPT就能直接使用。

添加动画


准备好立体的星球之后,操作就更加简单了!我们只需要在PPT里调整星球的位置和角度,制作出这样两页PPT:


第二页加上平滑这个切换效果:


然后你只需要点击播放按钮,这个超酷的星球转动动画立马就会呈现在你面前!


进一步,我们还可以放大星球,调整星球的角度:


同样给你们感受一下,添加平滑这个切换动画之后的效果:


实战运用


这种立体图形配合平滑动画的效果,在日常的工作汇报PPT中也很好用!我们可以轻松制作出像下面这样的转场效果:


加上具体内容,同事一定会对你投来惊讶的目光,这真是PPT做的?


同样,我们也可以把星球放大再放大、旋转再旋转,铺满铺满的效果更加震撼:


是不是超酷?如果觉得自己动手制作星球很麻烦,网上也能搜到好多现场的3D素材。

找好素材,只需要扔进PPT摆个位置、加个动画,就能做出这种效果,不妨看完文章后自己也尝试一下吧~



图文切换动画

这是三顿在翻小米官网的时候发现的一个宝藏动画,思考一下,这个动画该怎么做?


制作准备


首先依然是要准备好用到的素材,在这个案例中,就是两段图文内容。


准备后图文后,我们可以对文字和图片分别进行处理,最后再归总到一起。

处理文字部分


文字部分容易处理,先是给第一页的文字加上浮出动画,效果选项选择上浮:


之后我们需要把第二页的文字叠放在第一页文字上面,确保位置完全重叠后,给它加上浮入动画,效果同样选择上浮:


处理图片部分


图片部分处理稍复杂一些,先处理第一页图片,给它同时添加缩小和淡出两个动画:


接着打开缩小动画的效果选项,尺寸设置为80%,另外添加一定时间的弹跳结束效果:


再处理第二页的图片,将第二页图片的高度和宽度设置为第一页图的80%:


调整大小后同时添加放大和淡入两个动画效果:


打开放大动画的效果选项,将尺寸设置为120%,添加一定时间的弹跳结束效果:


其他处理


简单梳理一下,整个过程我们在做的,其实就是让原有文字浮出,原有图片稍稍缩小后淡出,接着新的文字浮入,新的图片出现后稍稍放大。

保证旧的图文同时消失,新的图文同时出现即可。而根据这个过程,动画的时间轴可以这样调整:


在做工作汇报或者项目展示PPT时,好几张图分别对应好多段文字,完全可以使用这种既简单又好看的动画效果!也是一样,看完文章自己动手试试吧~



点击切换动画

这个点击元素切换页面的动画,其实在之前的文章中就有给大家介绍过,用到的是PPT中的动作功能。


傻瓜式操作!只需要准备好四个产品页面:


第二步,在首页添加上用来交互的按钮模块:


第三步,给每个按钮都加上动作效果。在操作设置中选择单击鼠标一栏,超链接到幻灯片,指向对应的四个页面:


第四步,把设置好的按钮复制到每一页,分别调整小圆外圈轮廓的位置:


最后,给每个页面都加上平滑这个切换动画,即可完成整个效果的制作。

这种页与页间的转场效果还有好多的应用场景,如果你感兴趣,可以点击这里查看三顿之前写的完整文章。



好了,赶快收好这三个既简单又酷炫的动画吧:


基本都是操作性的内容,方便大家动手练习,三顿把用到案例的源文件也做了完整打包。


获取方式如下:

  • 第一步:点击文章右下角的“在看”按钮

  • 第二步:在公众号回复【小米】即可获取


当然不点在看也能获取,但是写稿不易,如果觉得有用,希望你能点下右下角的在看小小支持和鼓励一下三顿哦~







推荐阅读:



推荐资源:



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存